<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<meta name="applicable-device" content="mobile">
	<meta name="author" content="jsl" />
	<title>票选优品首页</title>
	<link rel="apple-touch-icon" href="../img/logo100.png">
	<link rel="icon" href="../img/logo100.png">
	<link rel="stylesheet" type="text/css" href="../lisp/vant/css/vantCss.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/common.min.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/productDetails.css?rev=@@hash" />
	<link rel="stylesheet" type="text/css" href="../css/gap.css?rev=@@hash" />
	<!-- 引入自己的css -->
    <link rel="stylesheet" type="text/css" href="../css/FPtVoteGoods.css?rev=@@hash" />
</head>

<body>
	<div class="hui"></div>
	<div class="bai"></div>
	<div class="hintInfo"></div>
	<div class="loadImgBox">
		<img class="loadImg" src="../img/load.gif?v= 7f0d7ae" />
	</div>
	<div id="app" v-cloak>
		<div class="index-data">
			

				<!--首页轮播图 start-->
				<van-swipe :autoplay="3000">
					<van-swipe-item v-for="(image,index) in swiperData" :key="index" touchable='true'>
						<img :height="!!image.width?(width/image.width)*image.height:'auto'" class="mainimg needsclick" @click="bannerJump(image)" v-lazy="image.imageUrl">
					</van-swipe-item>
				</van-swipe>
				<!--首页轮播图 end-->

				<!--首页功能图片模块 start-->
				<div class="mians">
                    <div class="upimggroup">
                        <span v-for="item,index in votebannerdown"  :key="index" :class="[index==0?'topimg':'downimg',index==1?'mright':'']">
                             <img  alt="" v-lazy="item.partImgUrl" @click="bannerJump2(item,index)"/>
                         </span>
                    </div>
				</div>
				<!--首页功能图片模块 end-->

				<div class="gray"></div>

				<!--全部商品导航条 start-->
				<van-tabs v-model="activeindex" sticky swipeable animated class="sticky" @click="newgoodstab()" line-height="0.0533333333rem">
					<van-tab v-for="item,index in navGroup" :title="item" :key="index">
						<!-- 又上新了tab start -->
						<div class="tabgoods_new th" v-show="index == 0" >
						<van-pull-refresh v-model="isLoading1" @refresh="onRefresh1()">
							<van-list v-model="loading1" :finished="finished1"  @load="onLoad1">
								
									<div v-for="item,indx in newgoods"  v-if="newgoods.length>0" :key="indx" :class="['clearfloat','goodsgroup',indx==newgoods.length-1?'last':'']" @click="prodect(indx)">
										<div class="mainImgUrl_group  clearfloat"> 
											<img v-lazy="item.mainImgUrl" alt="" class="fl tabgoods_new_img"/>
											<div class="active_num fl" v-if="item.voteGoodsInfo">
												<span v-text="item.voteGoodsInfo"></span>
												<img v-lazy="goodsinfo" alt=""/>
											</div>
										</div>
										
										<div class=" clearfloat textgooods">
											<strong v-text="item.showNewGoodsName"></strong>
											<span class="tabgoods_new_count" v-text="item.purchaseNum+'人已购买'"></span>
											<div class="goods_detail clearfloat">
												<div class="fl goods_detail_left">
													<b>¥<span v-text="item.fxVirtualGoodsPrice"></span></b>		
												</div>
												<div class="fr goods_detail_right">
													<span class="fr">立即抢购</span>
												</div>
											</div>
										</div>
									</div>
									<div class="loadOver" style="width:9.47rem;" v-show="all1">已加载全部</div>
									
								
							</van-list>
						</van-pull-refresh>
						<div class="none_data"  v-if="newgoods.length<=0">
							<img v-lazy="share.noneimg" alt="">
							<p>没有正在进行的又上新活动</p>
						</div>
					</div>
						<!-- 又上新了tab end -->
						

						<!-- 票选优品tab start -->
						<!-- <div class="tabgoods" v-if="index == 1">
							<div v-for="item,indx in votedetails" :key="indx" @click="votedetailEvent(indx)" :class="['clearfloat','goodsgroup']">
								<div class="fl clearfloat showImg_group">
									<img  class="fl show_img"  v-lazy="item.itemShowImgUrl" alt="" />
									
								</div>
								<div class="fr clearfloat textgooods">
									<div class="name_group clearfloat">
										<strong class="fl top_name" v-text="item.showItemName.length>24?item.showItemName.slice(0,24)+'...':item.showItemName"></strong>
									</div>
									<div class="goods_detail clearfloat" v-if="item.activityStatus  == '1'&&!item.isJoin">
										<div class="fl goods_detail_left" >
											<b>¥<span v-text="item.bottomPrice"></span>~<span v-text="item.topPrice"></span></b>
											<span>最终价格由得票数决定</span>
										</div>
										<div class="fr goods_detail_right" >
											<span class="fr" >投票</span>
										</div>
									</div>
									<div class="goods_detail_clone clearfloat" v-if="item.activityStatus  == '1'&&item.isJoin">
										<div class="goods_detail_tio" >
											<span   class=" currentPrice">当前价<span >¥<span v-text="item.currentPrice"></span></span></span>
											<em class=" topPrice">¥<span v-text="item.bottomPrice"></span>~<span v-text="item.topPrice"></span></em>
											<span class=" showVoteNum ">已有<em v-text="item.showVoteNum">198</em>人投票</span>
										</div>
										<em  v-if="item.activityStatus  == '1' && item.isJoin  " v-text="item.isVote?'已投该项':'未投该项'" :class="['fr','voteright',item.isVote?'red':'']"></em>
									</div>
									<div class="goods_detail_clone clearfloat" v-if="item.activityStatus  == '2'">
										<div class="goods_detail_tio" >
											<span   class=" currentPrice">当前价<span >¥<span v-text="item.currentPrice"></span></span></span>
											<span class="showVoteNum center_hide">已有<em v-text="item.showVoteNum">198</em>人投票</span>
										</div>
										<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&item.isSelected" v-text="item.isOnlined?'去抢购':'看溯源'"></em>
										<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&!item.isSelected" v-text="'未参与投票'"></em>
										<em  v-if="item.activityStatus  == '2' && item.isJoin &&!item.isSelected" v-text="item.isVote?'已投该项':'未投该项'" :class="['fr','voteright',item.isVote?'red':'']"></em>
										<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && item.isJoin && item.isSelected && item.isVote" v-text="item.isOnlined?'已投票 去抢购':'已投票 看溯源'"></em>
										<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && item.isJoin && item.isSelected && !item.isVote" v-text="item.isOnlined?'去抢购':'看溯源'"></em>
									</div>
								</div>
							</div>
						</div> -->
						<div class="tabgoods th" v-if="index == 1">
							<div v-for="item,indx in votedetails" :key="indx" @click="votedetailEvent(indx)" :class="['clearfloat','goodsgroup']" v-if="votedetails.length>0">
								<div class="fl clearfloat showImg_group">
									<img  class="fl show_img"  v-lazy="item.itemShowImgUrl" alt="" />
									<img  v-if="item.activityStatus  == '2'&&item.isSelected" class="fl show_img"  v-lazy="selected" alt="" />
									<img  v-if="item.activityStatus  == '2'&&!item.isSelected" class="fl show_img"  v-lazy="noselected" alt="" />
								</div>
								<div class="fr clearfloat textgooods">
										<div class="name_group clearfloat">
											<strong class="fl top_name" v-text="item.showItemName.length>24?item.showItemName.slice(0,24)+'...':item.showItemName"></strong>
										</div>
										<div class="goods_detail clearfloat" v-if="item.activityStatus  == '1'&&!item.isJoin">
											<div class="fl goods_detail_left" >
												<b>¥<span v-text="item.bottomPrice"></span>~<span v-text="item.topPrice"></span></b>
												<span>最终价格由得票数决定</span>
											</div>
											<div class="fr goods_detail_right" >
												<span class="fr" >投票</span>
											</div>
										</div>
										<div class="goods_detail_clone clearfloat" v-if="item.activityStatus  == '1'&&item.isJoin">
											<div class="goods_detail_tio" >
												<span   class=" currentPrice">当前价<span >¥</span><span v-text="item.currentPrice"></span></span>
												<em class=" topPrice">¥<span v-text="item.topPrice"></span>~<span v-text="item.bottomPrice"></span></em>
												<span class=" showVoteNum ">已有<em v-text="item.showVoteNum"></em>人投票</span>
											</div>
											<em   v-text="item.isVote?'已投该项':'未投该项'" :class="['fr','voteright',item.isVote?'red':'']"></em>
										</div>
										<div class="goods_detail_clone clearfloat" v-if="item.activityStatus  == '2'">
											<div class="goods_detail_tio" >
												<span   class=" currentPrice">当前价<span >¥</span><span v-text="item.currentPrice"></span></span>
												<span class="showVoteNum center_hide">已有<em v-text="item.showVoteNum"></em>人投票</span>
											</div>
											<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&item.isSelected" v-text="item.isOnlined?'去抢购':'看溯源'"></em>
											<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && !item.isVote && !item.isJoin &&!item.isSelected" v-text="'未参与投票'"></em>
											<em  v-if="item.activityStatus  == '2' && item.isJoin &&!item.isSelected" v-text="item.isVote?'已投该项':'未投该项'" :class="['fr','voteright',item.isVote?'red':'']"></em>
											<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && item.isJoin && item.isSelected && item.isVote" v-text="item.isOnlined?'已投票 去抢购':'已投票 看溯源'"></em>
											<em class="fr voteright text_button" v-if="item.activityStatus  == '2' && item.isJoin && item.isSelected && !item.isVote" v-text="item.isOnlined?'去抢购':'看溯源'"></em>
										</div>
									</div>
							</div>
							<div class="none_data"  v-if="votedetails.length<=0">
								<img v-lazy="share.noneimg" alt="">
								<p>没有正在进行的投票优品活动</p>
							</div>
						</div>
						<!-- 票选优品tab end -->

						<!-- 溯源tab start -->
						<div class="backsource th" v-if="index == 2">
							<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
									<van-list v-model="loading" :finished="finished" @load="onLoad" >
									<div v-for="item,indx in backsource" :key="indx" @click="textsource(indx)"  v-if="backsource.length>0">
										<div class="source_imggroup" v-if="item.isBigShow == 1" >
											<div class="source_default_groups">
												<img :src="item.coverImgUrl?item.coverImgUrl:areanone" alt="" class="source_default"/>
												<span class="mask"></span>
												<img v-lazy="playicon" alt="" class="playicon" v-show="item.sourceType == 'video'"/>
											</div>
											<div class="source_imgdetail">
												<strong  v-text="item.sourceTitle"></strong>
												<div class="guest_source clearfloat">
													<span class="guest_time fl"  v-text="item.timeDistance"></span>
													<span class="guest_count fl">
														<img v-lazy="whtiteeyes" alt="" class="guest_count_img fl"/>
														<em class="fl" v-text="item.viewNum"></em>
													</span>
												</div>
											</div>
										</div>
										<div  :class="['clearfloat','goodsgroup','clearfloat',indx == backsource.length-1?'last':'']" v-if="item.isBigShow == 0"  @click="textsource(indx)">
											<div class="source_imgdetail fl">
												<div class="sourceTitle_group">
													<strong v-text="item.sourceTitle.length>24?item.sourceTitle.slice(0,24)+'...':item.sourceTitle"></strong>
													<!-- <strong v-text="item.sourceTitle"></strong> -->
												</div>
												<div class="guest_source clearfloat">
													<span class="guest_time fl" v-text="item.timeDistance"></span>
													<span class="guest_count fl">
														<img v-lazy="eyes" alt="" class="fl"/>
														<em class="fl" v-text="item.viewNum"></em>
													</span>
												</div>
											</div>
											<div class="fr goodsshort">
												<img :src="item.coverImgUrl?item.coverImgUrl:areanone" alt="" class="goodspic" />
												<img v-lazy="playicon" alt=""  class="playpic" v-show="item.sourceType == 'video'"/>
											</div>
											
										</div>
									</div>
									<div class="loadOver" v-show="all">已加载全部</div>
							
							
									</van-list>
								</van-pull-refresh>
								<div class="none_data"  v-if="backsource.length<=0">
									<img v-lazy="share.noneimg" alt="">
									<p>没有正在进行的溯源活动</p>
								</div>
							</div>
						
						<!-- 溯源tab end -->
					</van-tab>
				  </van-tabs>
				<!--全部商品导航条 end-->
				
				<!--全部商品导航条 start-->
				
				<div class="no-tabgoods">
				</div>
				<!--全部商品导航条 end-->


			
		</div>
		<!--tabbar-->
		<van-tabbar v-model="active" >
			<van-tabbar-item icon="chat" @click="location.href='index.html'">
				<span>首页</span>
				<img slot="icon" slot-scope="props" :src="props.active ? icon.active : icon.normal">
			</van-tabbar-item>
			<van-tabbar-item v-show='versions>1.1' icon="chat" @click="location.href='PtIndex.html?GroupType=common_pt_groupon'">
				<span>拼团</span>
				<img slot="icon" slot-scope="props" :src="props.active?icon.active3 : icon.normal3">
			</van-tabbar-item>
			<van-tabbar-item icon="chat" @click="location.href='shoppingCart.html'">
				<span>购物车</span>
				<img slot="icon" slot-scope="props" :src="props.active? icon.active1 : icon.normal1">
			</van-tabbar-item>
			<van-tabbar-item icon="chat" @click="location.href='FPtVoteGoods.html'">
				<span>票选优品</span>
				<img slot="icon" slot-scope="props" :src="props.active? icon.active4 : icon.normal4">
			</van-tabbar-item>
			<van-tabbar-item icon="chat" @click="location.href='my.html'">
				<span>我的</span>
				<img slot="icon" slot-scope="props" :src="props.active ? icon.active2 : icon.normal2">
			</van-tabbar-item>
		</van-tabbar>
	</div>
</body>
<script src="../lisp/jquery-2.1.4.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/fastclick.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue.min.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vant/js/vantJs.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../lisp/vue-lazyload.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/constant.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>
<!-- 引入自己的js -->
<script src="../js/FPtVoteGoods.js?rev=@@hash" type="text/javascript" charset="utf-8"></script>

</html>
